/* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
html { -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
body { } 
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img {max-width: 100%; vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: none }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
input, textarea, button,select { -webkit-border-radius: 0; -webkit-appearance: none;border: none;background:none; }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body ,input,select,button,textarea{  font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Source Han Sans CN,"\5b8b\4f53";color:#333;font-size:14px;  }
body { line-height: 1.5; }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
  
 
/* clear 页头，页脚，内容区都不用再加清除样式 */

.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
 
/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
} 
html, body {position: relative;height: 100%;}
body{background: #f0f2d9;}  
::-webkit-scrollbar{  display: none;}

.indexSwiper{height:100vh;overflow:hidden;}
.indexSwiper>.swiper-wrapper>.swiper-slide{height:100%; overflow: hidden;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.indexSwiper>.swiper-wrapper>.swiper-slide-active{z-index: 10;} 
 
.indexSwiper>.swiper-wrapper>.swiper-slide>.section{height:100%;overflow:hidden;position: relative;} 
.indexSwiper>.swiper-wrapper>.swiper-slide>.section>img{width:100%;height:100%;object-fit: cover;} 
.indexSwiper>.swiper-wrapper>.swiper-slide.autoheight{height:auto;}

.indFade{opacity:0;transition:all 0.6s ease 0.6s;-webkit-transition:all 0.6s ease 0.6s;}
.indFadeUp,.default{transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;transition:all 0.6s ease 0.6s;-webkit-transition:all 0.6s ease 0.6s;}
.indFadeUp1{transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;transition:all 0.6s ease 0.7s;-webkit-transition:all 0.6s ease 0.7s;}
.indFadeUp2{transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;transition:all 0.6s ease 0.8s;-webkit-transition:all 0.6s ease 0.8s;}
.indZoom{transform:scale(.8);-webkit-transform:scale(.8);opacity:0;transition:all 0.6s linear 0.6s;-webkit-transition:all 0.6s linear 0.6s;}
.swiper-slide-active .indFade{opacity:1;}
.swiper-slide-active .indFadeUp,.swiper-slide-active .indFadeUp1,.swiper-slide-active .indFadeUp2,.swiper-slide-active .default{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.swiper-slide-active .indZoom{transform:scale(1);-webkit-transform:scale(1);opacity:1;}
.section{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);position: relative;overflow: auto; }
body{position: relative;}
.load-wrap{width:100%;height:100%; background:rgba(0,0,0,0.95); position:absolute;top:0;left:0;z-index: 100; display: flex;justify-content: center;align-items: center;padding:37px;}
.load-box{width:300px;height:20px;background:url(/images/progressBar.png) no-repeat left top;background-size:100% 100%;position: relative;padding:4px 11px;}
#load-bus{width:82px;height:40px;position: absolute;left:-26%;bottom:20px; }
#load-bar{  height:12px;background:#588f37; border:2px solid #ABE969;border-radius: 20px; position:relative;z-index: 1;}
#pre-load{width:0; height:8px;background:#87c152; border-radius: 20px; position: relative;z-index: 10;} 
#pre-dot{position:absolute;width:14px;height:14px;background:url(/images/dot.png) no-repeat center;background-size:100%;left:-2%;top:-3px;z-index: 12; }
#load-percent{font-size:18px;text-align: center;color:#B3BC41;margin-top:15px;}

.btn_music{width:28px;height:28px;background:url(/images/icon-music.png) no-repeat center;background-size:100%;position: absolute;right:16px;top:16px;z-index: 80;}
.btn_music.on{-webkit-animation: rotation 8s linear 0s infinite;animation: rotation 8s linear 0s infinite;}
.btn_start{width:44%; position: absolute; right:8%;bottom:8%; z-index: 2;}
.btn_start img{animation: moveUp 1.5s infinite;}
.isMobile,.isLandscape{width:100%;height:100%;background: #000;display: flex;justify-content: center;align-items: center; position: fixed;left:0;top:0;z-index:100; display: none;}
.isMobile{z-index:101;}
.isMobile .font,.isLandscape .font{text-align: center;font-size:24px;color:#fff;}
.section2{background:#f0f2d9 url(/images/page2_bg.png) no-repeat top center;background-size:cover;}
.page2_title{width:76.8%;margin:60px auto 0;}
.flower_box{width:77.33%;margin:10px auto 0;position: relative;}
.flower1{position: absolute;width:100%;left:0;top:0; z-index: 1; }
.flower2{position: absolute;width:100%;left:0;top:0; z-index: 2; opacity: 0;} 
.bashi{position: absolute;width:58%;left:21%;bottom:40px;z-index: 10;}
.arrow{width:22px;height:22px;background:url(/images/arrow.png) no-repeat center;background-size:100%;position: absolute;left:50%;margin-left:-8px;bottom:35px;animation: move 1.5s infinite;z-index:20;  }
.abs{position: absolute;z-index:5;}
#swiper-container2{height:100%; } 
#swiper-container2 .swiper-slide{height:auto;-webkit-overflow-scrolling: touch;} 
#swiper-container2 .swiper-slide .item{position: relative;}
#swiper-container2 .swiper-slide .road_bg{width:100%;height:100%;position: absolute;left:0;top:0;z-index:0;}
#swiper-container2.swiper-container-vertical>.swiper-scrollbar{width:3px;opacity: 0;/*visibility: hidden;*/} 
#swiper-container2 .swiper-slide {position: relative;}
#swiper-container2 .swiper-slide .img{position: relative;z-index:1;}
#swiper-container2 .slide1_lupai1{width:28%;left:28px;top:38px;}
#swiper-container2 .slide1_lupai2{width:28%;right:20px;top:53%;}
#swiper-container2 .slide1_bus{width:22.667%;left:25%;top:44.6%;}
#swiper-container2 .slide1_wenan1{width:57%;right:25px;top:6.7%;}
#swiper-container2 .slide1_wenan2{width:29.6%;right:28px;top:37%;}
#swiper-container2 .slide1_wenan3{width:50.6%;left:30px;top:58.4%;}
#swiper-container2 .slide1_wenan4{width:41.6%;right:20%;top:68.4%;}
#swiper-container2 .slide1_img1{width:39.6%;right:45px;top:19.75%;}
#swiper-container2 .slide1_img2{width:19.6%;left:28%;top:20.6%;}
#swiper-container2 .slide1_img3{width:39.6%;left:20%;top:29.6%;}
#swiper-container2 .slide1_img4{width:60%;left:0;bottom:10px;}
#swiper-container2 .slide1_img5{width:32.7%;right:0;bottom:0;}

#swiper-container2 .slide2_lupai1{width:28%;left:15px;top:17.6%;opacity: 0;}
#swiper-container2 .slide2_lupai2{width:28%;right:20px;top:52.4%;opacity: 0;}
#swiper-container2 .slide2_bus{width:22.667%;left:41%;top:44.93%;opacity: 0;}
#swiper-container2 .slide2_wenan1{width:47.8%;left:28px;top:37px;opacity: 0;}
#swiper-container2 .slide2_wenan2{width:45.8%;left:28px;top:56.24%;opacity: 0;}
#swiper-container2 .slide2_wenan3{width:41.6%;right:16px;top:32.3%;opacity: 0;} 
#swiper-container2 .slide2_img1{width:22.13%;right:21.86%;top:4.55%;opacity: 0;}
#swiper-container2 .slide2_img2{width:29%;right:18px;top:14.24%;opacity: 0;}
#swiper-container2 .slide2_img3{width:22.13%;left:48%;top:23%;opacity: 0;}
#swiper-container2 .slide2_img4{width:94%;left:0;bottom:30px;opacity: 0;}

#swiper-container2 .slide3_lupai1{width:28%;left:15px;top:47.22%;opacity: 0;}
#swiper-container2 .slide3_lupai2{width:28%;right:20px;top:22px;opacity: 0;}
#swiper-container2 .slide3_bus{width:22.667%;left:44.8%;top:40.4%;opacity: 0;}
#swiper-container2 .slide3_wenan1{width:42.2%;left:28px;top:22px;opacity: 0;}
#swiper-container2 .slide3_wenan2{width:24.28%;left:43.2%;top:29.87%;opacity: 0;}
#swiper-container2 .slide3_wenan3{width:47%;left:41.6%;top:50%;opacity: 0;} 
#swiper-container2 .slide3_wenan4{width:24.2%;left:7.7%;top:65%;opacity: 0;} 
#swiper-container2 .slide3_img1{width:39.46%;left:14.4%;top:11.8%;opacity: 0;}
#swiper-container2 .slide3_img2{width:32.86%;left:34px;top:22.2%;opacity: 0;}
#swiper-container2 .slide3_img3{width:8%;left:52.53%;top:6.68%;opacity: 0;}
#swiper-container2 .slide3_img4{width:14.4%;left:57.6%;top:20.76%;opacity: 0;}
#swiper-container2 .slide3_img5{width:29%;left:46.9%;top:64.86%;opacity: 0;}
#swiper-container2 .slide3_img6{width:29%;left:35.73%;top:80.36%;opacity: 0;}
#swiper-container2 .slide3_img7{width:29%;right:20px;top:77.66%;opacity: 0;}
#swiper-container2 .slide3_img8{width:29.6%;left:21px;bottom:30px;opacity: 0;}

#swiper-container2 .slide4_lupai1{width:28%;left:15px;top:17.33%;opacity: 0;}
#swiper-container2 .slide4_lupai2{width:28%;right:20px;top:58.8%;opacity: 0;}
#swiper-container2 .slide4_bus{width:22.667%;left:31.2%;top:50.3%;opacity: 0;}
#swiper-container2 .slide4_wenan1{width:65%;left:30px;top:30px;opacity: 0;}
#swiper-container2 .slide4_wenan2{width:27.73%;left:37.86%;top:41.48%;opacity: 0;}
#swiper-container2 .slide4_wenan3{width:45.86%;left:28px;top:62.84%;opacity: 0;} 
#swiper-container2 .slide4_wenan4{width:27.63%;left:21.33%;bottom:6%;opacity: 0;} 
#swiper-container2 .slide4_img1{width:25%;right:28px;top:13.3%;opacity: 0;}
#swiper-container2 .slide4_img2{width:25%;right:28px;top:23.84%;opacity: 0;}
#swiper-container2 .slide4_img3{width:25%;left:42.66%;top:18.11%;opacity: 0;}
#swiper-container2 .slide4_img4{width:25%;left:42.6%;top:28.63%;opacity: 0;}
#swiper-container2 .slide4_img5{width:22%;left:6.66%;top:75%;opacity: 0;}
#swiper-container2 .slide4_img6{width:22%;left:29.33%;top:75%;opacity: 0;}
#swiper-container2 .slide4_img7{width:22%;left:49.33%;bottom:30px;opacity: 0;}
#swiper-container2 .slide4_img8{width:22%;right:20px;bottom:30px;opacity: 0;}

#swiper-container2 .slide5_lupai1{width:28%;left:15px;top:37.23%;opacity: 0;}
#swiper-container2 .slide5_wenan1{width:36.53%;left:28px;top:19px;opacity: 0;}
#swiper-container2 .slide5_wenan2{width:24.26%;left:58.9%;top:81.9%;opacity: 0;} 
#swiper-container2 .slide5_img1{width:22.66%;right:20px;top:30px;opacity: 0;}
#swiper-container2 .slide5_img2{width:22.66%;right:20px;top:42.2%;opacity: 0;}
#swiper-container2 .slide5_img3{width:22.66%;left:47.2%;top:20.56%;opacity: 0;} 

.page3_bus{display: none;}
.parallax-bg {position: absolute;left: 0; top: 0;width: 100%;height: 100%; }
.parallax-bus{position: absolute;width:22.667%;display:none; }
.parallax-bus1{right: 0; top: 0;display:block;}
.parallax-bus2{left: 0; top: 0;}
.parallax-bus3{left: 36%; top: 0;}
.parallax-bus4{left: 20%; top: 0;}

.road_bg{position: absolute;left:0;top:0;right:0;z-index: 0;display: none;}
.section3 .img{position: relative;z-index: 10;}
.section4 .title{position: absolute;left:21.2%;top:12%;width:57.6%;z-index: 1;}
.section4 .bus{position: absolute;left:33%;top:35%;width:53.86%;z-index: 1;}
.section4 .toy{position: absolute;left:26%;top:46%;width:32%;z-index: 10;;animation: tada 1.5s infinite;transform-origin: center bottom;}
.section4 .btn_hongbao{position: absolute;left:29.75%;bottom:18%;width:40.5%;z-index: 10;animation: scale 1.5s infinite;} 
.section4 .hongbaos{width:100%;position: absolute;left:0;bottom:0;z-index: 10;}
.section5 .wenan{position: absolute;width:55.2%;left:22.4%;top:35%;}
.section5 .bus{width:53.33%;position: absolute;left:100%;top:58%;}
.section5.active .wenan{top:12%;opacity: 1;}
.section5.active .bus{animation: center1 1.5s cubic-bezier(.66,.01,1,1) forwards;}
.section5.active .bus img{animation: center2 1.5s cubic-bezier(0,0,.36,1) forwards;}
.page_btns{position: absolute;left:0;right:0;bottom:4%;}
.hongbao_box{text-align: center;background: linear-gradient(180deg, #FFDA49 0%, #FB361C 30%,  #FB361C 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-size:18px;margin-bottom: 10px; -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;}
.zhongjiang{font-size:24px;padding:0 5px;}
.hongbao_list{position: absolute;left:0;top:20%;z-index: 10;}
.page_btn1,.page_btn2{display:block;width:59.7%;margin:0 auto;-webkit-animation-delay: 1.5s;animation-delay:1.5s;}
.rulesPop{width:100%;height:100%; background:rgba(0,0,0,0.85); position:absolute;top:0;left:0;z-index: 100; display: flex;justify-content: center;align-items: center;display: none;}
.rulesPop.active{display: block;}
.rules_box{width:275px;position: absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);}
.rules_close{width:26px;height:26px;position: absolute;right:0;top:10px;z-index: 10;}
.rules_con{background:#fff; border:6px solid #BBC43E;border-radius: 10px;padding:16px 14px;font-size:14px;color:#483729;  text-align: justify;max-height: 340px;overflow-y: auto;} 
.rules_con ol{padding-left:16px;margin-bottom: 1em;}
.rules_con ol li{list-style-type: decimal;}
.btn_rules{width:28px;height:28px; position: absolute;left:16px;top:16px;z-index: 80;}
#result{font-size:18px;font-weight: bold;}
#result span{padding:0 5px;font-size:22px;}

/*new*/
.section1 .logo{width:45.3%;position: absolute;left:28px;top:28px;}
.section1 .title{width:88%;position: absolute;left:6%;top:81px;/*transition:all 0.5s ease 0s;opacity: 0;transform: scale(0.6);*/} 
.section1 .paizi{width:47.2%;position: absolute;left:4%;bottom:0;/*transition:all 0.5s ease 0.3s;opacity: 0;*/}
.section1 .bus{width:56%;position: absolute;right:0;bottom:16%;/*transition:all 0.5s ease 0.3s;opacity: 0;*/}
/*.section1.active .title{opacity: 1;transform: scale(1);}
.section1.active .paizi{opacity: 1;bottom:0;}
.section1.active .bus{opacity: 1;right:0;}
.section1.active .btn_start{opacity: 1;transition:all 0.5s ease 0.6s;}*/
@keyframes pulse{
	30%{opacity:.6}
	60%{opacity:0}
	to{opacity:.6}
}
@-webkit-keyframes pulse{
	30%{opacity:.6}
	60%{opacity:0}
	to{opacity:.6}
}
 @-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }

}
@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }

}
@-webkit-keyframes move {
0% { transform: translateY(0px);opacity: 1; }
50% { transform: translateY(15px);opacity: 1; }
100% { transform: translateY(0px);opacity: 1; }
 
}
@keyframes move {
0% { transform: translateY(0px);opacity: 1; }
50% { transform: translateY(15px);opacity: 1; }
100% { transform: translateY(0px);opacity: 1; }
 
}
@-webkit-keyframes moveUp {
0% { transform: translateY(0px);}
50% { transform: translateY(15px);}
100% { transform: translateY(0px);}
 
}
@keyframes moveUp {
0% { transform: translateY(0px);}
50% { transform: translateY(15px);}
100% { transform: translateY(0px);}
 
}
@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
} 
.moneybox{width: 100%;height: 150%;position: absolute;left:0;top:0;overflow:hidden;z-index: 9; opacity: 0;}
.section4.active .moneybox,.swiper-slide-active .moneybox{opacity: 1;}
#leafContainer > div {
  position: absolute;
  width: 40px;
  height: 50px;
  -webkit-animation-iteration-count: infinite, infinite;
  -webkit-animation-direction: normal, normal;
  -webkit-animation-timing-function: linear, ease-in;
}
#leafContainer > div > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-transform-origin: 50% -100%;
}
@-webkit-keyframes fade {
 0% {
opacity: 1;
}
 95% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@-webkit-keyframes drop {
 0% {
-webkit-transform: translate(0px, -50px);
}
 100% {
-webkit-transform: translate(0px, 100vh);
}
}
@-webkit-keyframes clockwiseSpin {
 0% {
-webkit-transform: rotate(-50deg);
}
 100% {
-webkit-transform: rotate(50deg);
}
}
@-webkit-keyframes counterclockwiseSpinAndFlip {
 0% {
-webkit-transform: scale(-1, 1) rotate(50deg);
}
 100% {
-webkit-transform: scale(-1, 1) rotate(-50deg);
}
}
@-webkit-keyframes balloon{
  0%{
            transform:translateY(0) rotate(0);
  }
  50%{
            transform:translateY(-18px) rotate(8deg);
  }
  100%{
            transform:translateY(0) rotate(0);
  }
}

@keyframes balloon{
  0%{
            transform:translateY(0) rotate(0);
  }
  50%{
            transform:translateY(-18px) rotate(8deg);
  }
  100%{
            transform:translateY(0) rotate(0);
  }
}
@-webkit-keyframes cloud{
  0%{
            transform:translateX(0) rotate(0) scale(1,1);
  }
  50%{
            transform:translateX(-12px) rotate(0.1deg) scale(0.9,0.9);
  }
  100%{
            transform:translateX(0) rotate(0) scale(1,1);
  }
}

@keyframes cloud{
  0%{
            transform:translateX(0) rotate(0) scale(1,1);
  }
  50%{
            transform:translateX(-12px) rotate(0.1deg) scale(0.9,0.9);
  }
  100%{
            transform:translateX(0) rotate(0) scale(1,1);
  }
}
 @keyframes center1 {
    to{transform: translateX(-150%)}
  }
  @keyframes center2 {
    0%{
            transform:translateY(0) rotate(10deg);
    }
    to{transform: translateY(-70px) rotate(-2deg)}
  } 
@media (orientation: portrait) {
    body::after {
        /*content: '竖屏';*/
    }
    .isLandscape{display: none;}
}
@media (orientation: landscape) {
    body::after {
        /*content: '横屏';*/
    }
    .isLandscape{display: flex;}
}
/*iPhone 11 Pro Max*/
@media only screen 
 and (device-width: 414px) 
 and (device-height: 896px) 
 and (-webkit-device-pixel-ratio: 3) {
  
 }
/*iPhone 13迷你*/
@media only screen 
 and (device-width: 375px) 
 and (device-height: 812px) 
 and (-webkit-device-pixel-ratio: 3) { 
  .flower_box{width:66.33%;}
 }
/*iPhone 13和iPhone 13 Pro*/
@media only screen 
 and (device-width: 390px) 
 and (device-height: 844px) 
 and (-webkit-device-pixel-ratio: 3) {
  
 }
/*iPhone 13 Pro Max*/
 @media only screen 
 and (device-width: 428px) 
 and (device-height: 926px) 
 and (-webkit-device-pixel-ratio: 3) {
  
  }

  
 